<template>
  <div>
    <van-steps direction="vertical" :active="0">
      <van-step v-for="(item, index) in flowInfo" :key="index">
        <h3>{{ item.location }}</h3>
        <p>{{ item.time }}</p>
      </van-step>
    </van-steps>
  </div>
</template>

<script setup>
import { reqmaterialFlow } from "@/api";
import { ref, onMounted } from "vue";
const flowInfo = ref([]);

const materialFlow = async () => {
  let data = await reqmaterialFlow();
  flowInfo.value = data;
};

onMounted(() => {
  materialFlow();
});
</script>
